<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/goods.css">
</head>
<body>
    <header></header>
    <main>
        <div class="center">
            <div class="top">
                <span>
                    <a href="#">首页></a>
                </span>
                <span>
                    <a href="#">新品专区</a>
                </span>
            </div>
            <div class="page_main">
                <div class="page_top">
                    <div class="showclass">
                        <ul>
                            <li><a href="">分类:</a></li>
                            <li><a href="">全部</a></li>
                            <li><a href="">数码3C</a></li>
                            <li><a href="">毛绒玩偶</a></li>
                            <li><a href="">通用日常</a></li>
                            <li><a href="">手办模型</a></li>
                            <li><a href="">服饰配饰</a></li>
                            <li><a href="">新品专区</a></li>
                            
                        </ul>
                    </div>
                    <div class="sort">
                        <ul class="one">
                            <li>排序</li>
                            <li>默认</li>
                            <li>
                                <span>价格</span>
                                <div></div>
                            </li>
                            <li>
                                <span>新品</span>
                                <div></div>
                            </li>
                            <li>
                                <span>人气</span>
                                <div></div>
                            </li>
                            <li>
                                <span>销量</span>
                                <div></div>
                            </li>
                        </ul>
                        <ul class="two">
                            <li>筛选：</li>
                            <li>
                                <div class="d1"></div>
                                <span>有货</span>
                            </li>
                            <li>
                                <div class="d2"></div>
                                <span>有货</span>
                            </li>
                            <li>
                                <div class="d3"></div>
                                <span>有货</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="good_list">
                    <ul>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="goodsli">
                            <a href="#" class="stop">
                                <img src="" alt="" class="newgoodImg">
                                <div class="good_info">
                                    <p class="newgoodName"></p>
                                    <div class="good_price">
                                        <span class="newgoodPrice"></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="list_bottom">
                        <span>
                            <a href="#">
                                <div></div>
                            </a>
                        </span>
                        <span>
                            <a href="#">1</a>
                        </span>
                        <span>
                            <a href="#">
                                <div></div>
                            </a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer></footer>
</body>
</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/goods.js"></script>
<script>
    $('header').load('header.html');
    $('footer').load('footer.html');
</script>
